<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联系</title>
</head>
<body>
    <div class="column main"><input name="form_key" type="hidden" value="b4v9mia92GepNfd6">
        <h1 class="contact-us-title">联系我们</h1>
        <div class="contact-us container-fluid mb-2">
            <div class="row contact-row">
                <div class="col-12 col-md-6" style="display: flex; flex-direction: column; justify-content: center;">
                    <div class="call-us tell-us"><img src="https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/call_us.png">
                        <h2>联系花坞客服</h2>
                        <p class="mobile-btn"><img src="https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/call_us_reverse.png"> 
                            <a onclick="dataLayer.push();" href="tel:400 000 6699" data-cl-id="1175597851">123 456 78900</a></p>
                    </div>
                    <div class="call-us chat-us" id="wechat-grata"><img src="https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/chat_us.png">
                        <h2>在线咨询</h2>
                    </div>
                </div>
                <div class="col-12 col-md-6 qrcode">
                    <div class="call-us"><img src="">
                        <div class="qrcode-box row no-gutters">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row service-time-wrapper">
                <div class="col-12 service-time">客服时间：周一至周日 8:00-22:00</div>
            </div>
        </div>
        <div class="contact-us container-fluid appointment-wrapper">
            <div class="row">
                <div class="col-12">
                    <div class="call-us appointment"><img src="https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/calendar.png">
                        <p>通过预约时间功能，您将于指定时间内体验到一对一专属服务。<br> （仅限预约成功的时间段）</p>
                        <a class="action primary btn-baa" href="" data-cl-id="733287214"> 预约时间 </a></div>
                    </div>
                </div>
            </div>
            <style xml="space">
                
            .contact-us-title {
                color: #000;
                font-size: 30px;
                font-weight: 300;
                margin-bottom: 30px;
                padding-top: 45px;
                text-align: center;
                text-transform: uppercase;
            }
            .contact-us {
                margin-bottom: 34px;
                width: 834px;
                max-width: 100%;
                color: rgba(0,0,0,.6);
                text-align: center;
                background-color: #efede9;
                box-sizing: border-box;
                margin: 0 auto;
            }
            .contact-us .contact-row {
                padding: 30px 0;
            }
            .contact-us .call-us {
                padding-top: 21px;
                font-size: 14px;
            }
            .contact-us .call-us img {
                width: auto;
            }
        
            .contact-us .call-us h2 {
                margin-top: 12px;
                margin-bottom: 10px;
                color: #000;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1px;
                text-transform: uppercase;
            }
        
            .contact-us .call-us p {
                margin-bottom: 20px !important;
                letter-spacing: 2px;
            }
            .contact-us .call-us p a {
                color: rgba(0,0,0,.6);
                text-decoration: none;
                cursor: pointer;
            }
            .contact-us .chat-us {
                padding-top: 28px;
                padding-right: 0;
                background: url('https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/chat_us_topline.png') top center no-repeat;
                cursor: pointer;
            }
            .contact-us .chat-us p {
                margin-bottom: 16px !important;
            }
            @media (max-width: 639px) {
                .contact-us .qrcode .call-us {
                    background: url('https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/chat_us_topline.png') top center no-repeat;
                }
            }
            @media (min-width: 375px) {
                .contact-us .qrcode .call-us {
                    margin-left: auto;
                    margin-right: auto;
                    width: 80%;
                }
            }
            @media (min-width: 640px) {
                .is-mobile {
                    display: none!important;
                }
                .contact-us .qrcode {
                    background: url('https://www.bulgari.cn/media/wysiwyg/cms_page/2018/contactus/contact_us_leftline.png') left center no-repeat;
                }
            }
            .contact-us .qrcode .call-us {
                padding-right: 0;
            }
            .contact-us .qrcode .qrcode-box .qrcode-left,
            .contact-us .qrcode .qrcode-box .qrcode-right {
                display: flex;
                flex-direction: column;
                justify-content: space-around;
            }
            .contact-us .qrcode h2 {        
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-top: 13px;
                height: 35px;
                margin-left: auto;
                margin-right: auto;
            }
            .contact-us .qrcode .img-box {
                margin-left: auto;
                margin-right: auto;
                padding: 6px;
                width: 112px;
                height: 112px;
                background-color: white;
                border-radius: 5px;
            }
            .contact-us .service-time {
                padding: 21px 0 28px;
                font-size: 12px;
                border-top: 1px solid #d7d5d1;
            }
            .contact-us .appointment {
                margin-top: 14px;
                padding-right: 0;
            }
            .contact-us .appointment p {
                margin: 27px auto 32px !important;
                letter-spacing: 3px;
            }
            @media (min-width: 640px) {
                .appointment-wrapper {
                    margin-bottom: 140px;
                }
                .contact-us .appointment p {
                    width: 78%;
                }
            }
            a.action.btn-baa{
                background: #000;
                width: 270px;
                color: #fff;
                margin: 0 auto;
                height: 46px;
                display: block;
                text-align: center;
                margin-bottom:31px;
                line-height: 46px;
                font-size: 12px;
                letter-spacing: .5px;
            }
            .mobile-btn img {
                display: none;
            }
            @media (max-width: 639px) {
                .is-pc {
                    display: none!important;
                }
                .contact-us-title {
                    padding-top: 30px;
                    font-size: 16px;
                }
                .contact-us {
                    padding: 0 15px;
                }
                .contact-us .contact-row {
                    padding-top: 0;
                }
                .contact-us .call-us,
                .contact-us .chat-us,
                .contact-us .qrcode .call-us {
                    margin-left: 0;
                    margin-right: 0;
                    padding-top: 20px;
                    padding-left: 0;
                    padding-right: 0;
                }
                .contact-us .qrcode .call-us {
                    margin-left: auto;
                    margin-right: auto;
                }
                .contact-us .call-us h2 {
                    margin-bottom: 25px;
                    font-size: 12px;
                    font-weight: 400;
                }
                .contact-us .qrcode h2 {
                    margin-bottom: 10px;
                    height: 60px;
                }
                .contact-us .tell-us > img {
                    display: none;
                }
                .contact-us .call-us p {
                    margin-bottom: 30px !important;
                    font-size: 14px;
                }
                .mobile-btn {
                    background: #000;
                    width: 270px;
                    color: #fff;
                    margin: 0 auto;
                    height: 46px;
                    display: block;
                    text-align: center;
                    margin-bottom: 31px;
                    line-height: 46px;
                    font-size: 12px;
                    letter-spacing: .5px;
                }
                .mobile-btn img {
                    display: inline;
                    margin-right: 10px;
                    vertical-align: middle;
                }
                .contact-us .call-us p.mobile-btn a {
                    color: #fff;
                    vertical-align: middle;
                }
                .contact-us .chat-us p {
                    text-transform: uppercase;
                }
                .contact-us .qrcode .img-box {
                    width: 130px;
                    height: 130px;
                }
                .service-time-wrapper {
                    margin: 0;
                }
                .contact-us .appointment {
                    margin-top: 0;
                }
                .contact-us .appointment > img {
                    display: inline-block;
                }
                .contact-us .appointment p {
                    margin-top: 15px !important;
                    margin-bottom: 15px !important;
                    max-width: 320px;
                    font-size: 12px;
                }
            }
    

        </style></div>
</body>
</html>